*
  margin: 0
  padding: 0
.secondary_menu
  width: 100%
  height: 40px
  background: #8CA82A
  color: #ffffff
  .inner
    padding: 0 50px
    display: flex
    align-items: center
    .l
      position: relative
      width: 187px
      height: 40px
      display: flex
      align-items: center
      flex-direction: colum
      .icon
        width: 80px
        position: relative
        background: url(/img/image/icon-6.png) no-repeat 1px center
        background-size: 10%
        padding-right: 10px
        padding-left: 20px
        &::after
          content: ""
          position: absolute
          right: 5px
          width: 0
          top: 5px
          height: 12px
          border: 1px solid #fff
      .current
        position: relative
        padding-left: 5px
        padding-right: 20px
        &::before
          content: ""
          position: absolute
          right: 0px
          top: 8px
          width: 5px
          height: 5px
          border: 0
          border-left: 1px solid #fff
          border-bottom: 1px solid #fff
          transform: rotate(315deg)
      .city
        position: absolute
        z-index: 2
        top: 39px
        width: 400px
        left: 0
        background: #8CA82A
        opacity: .8
        display: none
        tr
          td
            cursor: pointer
            font-size: 12px
            padding: 5px
            border-top: 1px solid #88a137
            border-left: 1px solid #88a137
            border-top: 1px solid rgba(255,255,255,0.16)
            border-left: 1px solid rgba(255,255,255,0.16)
          td:hover
            color: red
          a:hover
            color: red
          td:nth-child(1)
            width: 50px
            color: #fff
          td a
            display: block
            float: left
            cursor: pointer
            padding: 0 12px
            line-height: 24px
            color: #fff
            font-size: 12px

    .l:hover .current::before
      top: 10px
      transform: rotate(134deg)
    .l:hover:hover .city
      display: block
    .r
      height: 40px
      display: flex
      align-items: center
      ul
        display: flex
        align-items: center
        li
          position: relative
          list-style: none
          float: left
          padding: 10px 20px
          a
          ul
            width: 100%
            position: absolute
            z-index: 2
            top: 40px
            display: flex
            left: 0
            flex-direction: column
            display: none
            li
              background: #8CA82A
              font-size: 14px
              height: 40px
              padding: 0
              width: 100%
              line-height: 40px
              text-align: center
              border: 1px solid #88a137
              border-top: 1px solid trnasparent
    .c
      margin-left: 50px
      span
        display: block
        padding: 10px
    .c:hover
      background: #9ec511
.swiper-container
  width: 100%
  height: 400px
  .my-bullet-active
    width: 20px
    height: 5px
    border-radius: 5px
    background: #fff
    opacity: 1
.feature
  height: 240px
  border-bottom: 2px solid black
  .item
    display: flex
    justify-content: space-around
    align-items: center
    text-align: center
    .image
      width: 240px
      height: 240px
      display: flex
      flex-direction: column
      align-items: center
      img
        width: 127px
        height: 127px
        margin-top: 30px
